.account {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	padding-bottom: 91upx;
	.nameBox {
		width: 100%;
		padding: 0 24upx;
		height: 210upx;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		image {
			width: 92upx;
			height: 92upx;
			border-radius: 12upx;
			margin-right: 36upx;
		}
		.placeholder {
			flex: 1;
			.name {
				color: #333333;
				font-size: 34upx;
				font-weight: bold;
			}
			.nickname {
				color: #333333;
				font-size: 26upx;
				margin-top: 20upx;
			}
		}
	}
	
	.appellationBox {
		margin-top: 24upx;
		background-color: #FFFFFF;
		width: 750upx;
		// height: 220upx;
		padding-left: 24upx;
		box-sizing: border-box;
		.item {
			display: flex;
			border-bottom: 1upx solid #E7E7E7;
			height: 110upx;
			align-items: center;
			width: 100%;
			text {
				color: #333333;
				font-size: 30upx;
				width: 200upx;
			}
			input {
				color: #666666;
				font-size: 30upx;
				flex: 1;
			}
		}
		.item:last-child {
			border: none;
		}
	}
	
	.goodAt {
		margin-top: 24upx;
		background-color: #FFFFFF;
		width: 100%;
		padding: 36upx 24upx;
		box-sizing: border-box;
		display: flex;
		.adeptAt {
			color: #333333;
			font-size: 30upx;
		}
		.tags {
			display: flex;
			flex-wrap: wrap;
			flex: 1;
			text {
				color: #38CB97;
				font-size: 26upx;
				border: 1px solid #38CB97;
				padding: 4upx 10upx;
				border-radius: 30upx;
				margin:0 0 16upx 40upx;
				display: block;
			}
			.on{
				background: #38CB97;
				color: #fff;
			}
		}
	}
	
	.personalProfile {
		margin-top: 24upx;
		background-color: #FFFFFF;
		width: 100%;
		min-height: 202upx;
		box-sizing: border-box;
		padding: 38upx 24upx;
		display: flex;
		view {
			color: #333333;
			font-size: 30upx;
		}
		textarea {
			flex: 1;
			color: #666666;
			font-size: 30upx;
			min-height: 100%;
		}
		uni-textarea {
			overflow-y:visible;
			height: 100upx;
			box-sizing: border-box;
		}
	}
	
	.certificate {
		margin-top: 24upx;
		background-color: #FFFFFF;
		width: 100%;
		min-height: 230upx;
		box-sizing: border-box;
		padding: 38upx 24upx 0;
		display: flex;
		.book {
			color: #333333;
			font-size: 30upx;
		}
		.img {
			flex: 1;
			display: flex;
			flex-wrap: wrap;
			margin-left: 34upx;
			.nav {
				width: 132upx;
				height: 136upx;
				border-radius: 6upx;
				margin-right: 48upx;
				margin-bottom: 38upx;
				position: relative;
				.del{
					position: absolute;
					width: 32upx;
					height: 32upx;
					margin: 0;
					right: -12upx;
					top: -12upx;
				}
				image {
					width: 28upx;
					height: 28upx;
					margin: 54upx auto;
					display: block;
				}
				&:nth-last-child(1){
					border: 1upx solid #38CB97;
				}
			}
			.nav:nth-child(3n) {
				margin-right: 0;
			}
		}
	}
	
	.save {
		width: 486upx;
		height: 70upx;
		background-color: #38CB97;
		line-height: 70upx;
		text-align: center;
		margin: 91upx auto 0;
		color: #FFFFFF;
		border-radius: 35upx;
		font-size: 30upx;
	}
}